<!DOCTYPE html>
<html>
<head>
<script type="text/javascript" src="../Scripts/jquery-1.4.4.js"> </script>
<?php
?>
    <meta charset="utf-8">
    <title>HTML5</title>
	<style>
	body {
		font-family: Verdana;
	}
	#box {
		background-color: #f60;
		width: 90%;
		border: 1px solid #f60;
		-webkit-border-radius: 6px;
		-moz-border-radius: 6px;
		border-radius: 6px;
		padding-bottom: 10px;
		float: left;
	}
	#box p {
		font-size: 20px;
		padding: 5px;
		margin: 0px;
	}
	#drop {
    width: 90%;;
		height: 200px;
		background-color: #f90;
	}
	
	.status {
	width: 90%;
	height: 25px;
	font-size: 20px;
	color: #000;
	padding: 5px;
	border:hidden;
	background-color: #f60;
	}
	#status {
			width: 90%;
		height: 25px;
		font-size: 20px;
		color: #fff;
		padding: 5px;
		float:left;
	}
	#list1 {
		font-size: 20px;
		float: left;
		margin-left: 10px;
	}
	.addedIMG {
		width: 100px;
		height: 100px;
	}
	#category_tree{
		float:right;
	}
	</style>
	<script src="html5uploader.js"></script>
</head>

<body onload="new uploader('drop','status', 'uploader.php', null);">
	<div id="box">
            	<?php
				    $option['class'] = "status";
					$option['id'] = "account";
          
          require_once '../phpExcelReader/Bank/buxfer.php';
          $o_buxfer = new buxfer();
          $accounts = $o_buxfer->get_accounts();  ?>
          <select name="account" id="account">
          <?php
          foreach($accounts as $account) {
              ?>
          <option value="<?php echo $account['name'] ?> "><?php echo $account['name'] ?></option>
          <?php }  ?>
          </select>
<?php
          
//		var myindex  = document.getElementById('account').selectedIndex;
 //		var account = document.getElementById('account').options[myindex].value;
                ?>
		<div id="status">Drag the images from a folder to a selected area ...</div>
		<div id="drop"></div>
		<p>Files are not stored on the server.</p>
	</div>
  <div id="list1">
  </div>
</body>
</html>